<template>
	<view id="home-article">
		<view class="content-div">
			<view class="title">一套独特风格的iOS UI 模板，PSD源文件免费分享</view>
			<view class="content">
				之前很多人跟我提过说，问我，能不能分享些UI方面的内容，我说，当然可以，刚好最近也有些项目的APP，需要改版，自己也收集了不少素材，但是看到这套IOS风格的模板，真的很喜欢，所以也分享给那些喜欢设计，特别是做UI设计的朋友们。
				<br>
				<br>
				<strong>
				这个是PSD的源文件，如果你想要获取全套PSD源文件,请关注我们的公众号：web前端开发，并且在公号里输入关键字“102”，则可以获取下载地址，进行下载此套源文件。
				</strong>
			</view>
			<image src="../../static/img/img49815f0ea94840.png" class="image" mode="widthFix"></image>
			<text class="count">浏览210次</text>
		</view>
		<view class="about">
			<text class="title">相关推荐</text>
			<uni-list>
				<uni-list-item title="不是吧, 阿Sir, 这都有文章？\n你在教我做事啊？" note="#前端框架 #交互设计" thumb="../../static/img/img50215f0eae8be8.png" thumb-size="lg" />
				<uni-list-item title="不是吧, 阿Sir, 这都有文章？\n你在教我做事啊？" note="#前端框架 #交互设计" thumb="../../static/img/img50215f0eae8be8.png" thumb-size="lg" />
				<uni-list-item title="不是吧, 阿Sir, 这都有文章？\n你在教我做事啊？" note="#前端框架 #交互设计" thumb="../../static/img/img50215f0eae8be8.png" thumb-size="lg" />
			</uni-list>
		</view>
		<down-menu>
			<down-menu-item icon="undo" title="分享" />
			<down-menu-item icon="star" title="收藏" />
			<down-menu-item icon="paperplane" title="探索" />
		</down-menu>
	</view>
</template>

<script>
	import downMenu from "@/components/down-menu/down-menu.vue";
	import downMenuItem from "@/components/down-menu/down-menu-item.vue";

	export default {
		components:{
			downMenu,
			downMenuItem
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
#home-article{
	background-color: #F2F4F8;
	.content-div{
		background-color: #FFF;
		color: rgba($color: #262626, $alpha: .9);
		padding: 0rpx 20rpx;
		.title{
			text-align: center;
			font-size: 40rpx;
			margin: 50rpx;
		}		
		.content{
			opacity: .8;
		}
		.image{
			margin: 30rpx 0rpx;
			width: 100%;
		}
		.count{			
			display: inline-block;
			font-size: 26rpx;
			color: #bfbfbf;
			padding: 28rpx 0rpx;
		}
	}
	.about{
		margin-top: 20rpx;
		margin-bottom: 80rpx;
		background-color: #FFF;
		.title{
			display: inline-block;
			margin: 20rpx 30rpx;
			font-size: 30rpx;
			font-weight: bold;
		}
	}
}
</style>
